/**
 * 专门给主页的js
 */

/**
 * 统一调用需要执行的方法
 */
initSort();

/**
 * 使用ajax 初始化分类列表
 */
function initSort() {
    $.ajax({
        url: '/api/goodsSort/getParent',  //获取分类信息
        type: 'get',
        data: {},
        dataType: 'json',
        success: function (data) {
            //成功获取到了一级分类
            // 渲染界面
            var html = "";
            $.each(data, function (index, item) {
                if (index >= 10) return false; //最多只能显示10个
                html += '<li><a href="javascript:;">' + item.name + '<i className="mi-icon icon-right"></i></a>';
                var width = parseInt((item.sonSorts.length + 5) / 6) * 248;
                width = width > (4 * 248) ? 4 * 248 : width;
                html += '<div class="children" style="width: ' + width + 'px;"> <ul class="left">'

                //生成二级分类,遍历二级分类
                $.each(item.sonSorts, function (index, item) {

                    html += '<li><a href="/search?goodsSortId='+item.id+'">\
                                <img src="upload/' + item.picture + '" >\
                                    <span>' + item.name + '</span>\
                             </a></li>';

                    if (index >= 23) {
                        return false;
                    }

                    if ((index + 1) % 6 == 0) {
                        html += '</ul><ul class="left">'
                    }

                });

                html += '</ul></div>'
                html += '</li>'
            });
            $(".goods-sorts>ul").html(html);

        },
        error: function () {

        }
    });
}